import router from '@/router'
import store from '@/store'
import nprogress from 'nprogress'
import 'nprogress/nprogress.css'

const whiteList = ['/login', '/404']
router.beforeEach(async(to, from, next) => {
  nprogress.start() // 开启进度条
  // 判断是否登录
  if (store.state.user.token) {
    // 获取用户信息
    if (!store.state.user.userInfo.userId) {
      // 获取了用户详细信息和基本信息并且返回了基本信息
      const { roles: { menus }} = await store.dispatch('user/getUserInfo')
      // 过滤路由控制路由权限
      store.commit('permission/filterRoutes', menus)
      next(to.path)
    }
    // 如果登陆了
    //    判断页面是不是登录页面
    //    不是登录页面 next()
    //     如果是登录页面跳转到'/home'
    if (to.path === '/login') {
      next('/')
    } else {
      next()
    }
  } else {
    // 如果未登录
    // 判断是否是登录页面
    //    如果是next()
    //    不是的话跳转到登陆页面next('/login')
    if (whiteList.indexOf(to.path) !== -1) {
      next()
    } else {
      next('/login')
    }
  }
  nprogress.done() // 关闭进度条
})
